import styled from 'vue-styled-components'

export const UploadImgWrapper = styled.div`
  .avatar-uploader{
    width: 100%;
    &> .ant-upload {
      width: 128px;
      height: 128px;
    }
    .ant-upload-select-picture-card{
      margin: 0;
      .img{
        position: relative;
        img{
          max-width: 580px;
          object-fit: contain;
        }
        i{
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }
      }
      i {
        font-size: 32px;
        color: #999;
      }
      .ant-upload-text {
        margin-top: 8px;
        color: #666;
      }
    }
  }
  .upload-info{
    font-size: 14px;
    color: ${props => props.theme['text-color-secondary']};
    font-weight: 400;
    line-height: 1;
  }
`
